<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /* 
      push(新元素1, 新元素2, ...)
      pop()
      shift()
      unshift(新元素1, 新元素2, ...)
      splice(起始位置，删除几个，新元素1，新元素2，……)
      reverse()
      sort() 参数：排序的那个回调函数
    
       方法，功能描述，参数，返回值，必须要会

    */
  //  var arr1 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  //  console.log("添加之前的数组：", arr1);
  //  var res1 = arr1.push("张凯乐");
  //  console.log("添加之后的数组：", arr1);
  //  // 返回修改以后的新数组长度
  //  console.log("返回值：", res1);

  //  var arr2 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  //  console.log("末尾删除之前的数组：", arr2);
  //  var res2 = arr2.pop();
  //  console.log("末尾删除之后的数组：", arr2);
  //  // 末尾删除的那个元素
  //  console.log("返回值：", res2);

  //  var arr3 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  //  console.log("头部添加之前的数组：", arr3);
  //  var res3 = arr3.unshift("赵云");
  //  console.log("头部添加之后的数组：", arr3);
  //  // 头部添加以后的新数组的长度
  //  console.log("返回值：", res3);

  // var arr4 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  // console.log("头部删除之前的原数组：", arr4);
  // var res4 = arr4.shift();
  // console.log("头部删除之后的新数组：", arr4);
  // // 从头部删除的那个元素
  // console.log("返回值：", res4);

  // var arr5 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  // console.log("倒置之前的原数组：", arr5);
  // var res5 = arr5.reverse();
  // console.log("倒置之后的新数组：", arr5);
  // // 倒置以后的数组
  // console.log("返回值：", res5);


  // 默认sort排序是按ASCII码进行从小到大的排序，如果是数字需要回调函数
  // return a - b，表示从小到大；return b - a 从大到小;
  // var arr6 = [2, 111, 34, 69, 1, 0, 3];
  // console.log("排序之前的原数组：", arr6);
  // var res6 = arr6.sort(function(a, b) {
  //   return b - a;
  // });
  // console.log("排序之后的新数组：", arr6);
  // // 排序以后的数组
  // console.log("返回值", res6);


  // var arr7 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  // console.log("修改之前的：", arr7);
  // var res7 = arr7.splice(2, 3);
  // console.log("修改之后的：", arr7);
  // // 从数组中删除的元素组成的新数组
  // console.log("返回值：", res7);
  var arr7 = ["张飞", "刘备", "关羽", "曹操", "小乔", "袁绍", "孙尚香"];
  console.log("修改之前的：", arr7);
  var res7 = arr7.splice(2, 3,"黄忠","孙权","徐庶","祝融");
  console.log("修改之后的：", arr7);
  // 数组中被替换元素组成的新数组
  console.log("返回值：", res7);
  </script>
</body>
</html>